<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<%@ include file="/common/taglibs.jsp" %>
<%@page contentType="text/html;charset=UTF-8" %>
<%@page pageEncoding="UTF-8" %>
<html>
<head>
    <title>生成卡管理</title>
    <link type="text/css" rel="stylesheet" href="/static/styles/global.css"/>
    <link type="text/css" rel="stylesheet" href="/static/styles/main.css"/>
    <link type="text/css" rel="stylesheet" href="/static/styles/jobs-table.css"/>

    <link type="text/css" rel="stylesheet" href="/static/scripts/timepicker/js/jquery-ui-timepicker-addon.css"/>
    <link type="text/css" rel="stylesheet"
          href="/static/scripts/timepicker/css/ui-lightness/jquery-ui-1.8.16.custom.css"/>

    <script type="text/javascript" src="/static/scripts/validator/languages/jquery.validationEngine-lang.js"  charset="utf-8"></script>
    <script src="/static/scripts/validator/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
    <link type="text/css" rel="stylesheet" href="/static/styles/validator/validationEngine.jquery.css" />

    <script type="text/javascript" src="/static/scripts/timepicker/js/jquery-ui-1.8.16.custom.min.js"></script>
    <script type="text/javascript" src="/static/scripts/timepicker/js/jquery-ui-sliderAccess.js"></script>
    <script type="text/javascript" src="/static/scripts/timepicker/js/jquery-ui-timepicker-addon.js"></script>
    <script type="text/javascript" src="/static/scripts/card/generate-card.js"></script>

    <script type="text/javascript">

        $(document).ready(function () {
            $('#cardActivationDeadline').datepicker({dateFormat: "yy-mm-dd"});
        });
    </script>

</head>
<body>
<div class="yui-g">
    <fieldset>
        <legend>生成卡管理</legend>
        <form action="/ozing/card/init" accept-charset="UTF-8" method="POST" onsubmit="javascript:return false"
              id="paidCardForm">
            <table cellspacing="0" class="yui-skin-sam noborder_table">

                <tr>
                    <td>
                        <label for="cardType">卡类型</label>
                    </td>
                    <td>
                        <select id="cardType" name="cardType">
                            <option value="paid">销售卡</option>
                            <option value="activity">活动卡</option>
                            <option value="customize">定制卡</option>
                        </select>
                    </td>
                    <td>
                        <label for="cardQuantity">数量</label>
                    </td>
                    <td>
                        <input id="cardQuantity" name="cardQuantity" type="text" size="10" class="validate[required,custom[number],maxSize[6]]"/>
                    </td>
                    <td>
                        <label for="cardParValue">星币值</label>
                    </td>
                    <td>
                        <input id="cardParValue" name="cardParValue" type="text" size="10" class="validate[required,custom[number],maxSize[4]]"/>
                    </td>
                    <td>
                        <label for="cardParValue">面值(售价)</label>
                    </td>
                    <td>
                        <input id="cardSalePrice" name="cardSalePrice" type="text" size="10" class="validate[required,custom[number],maxSize[4]]"/>
                    </td>
                    <td>
                        <label for="cardActivationDeadline">有效充值截止日期</label>
                    </td>
                    <td>
                        <input id="cardActivationDeadline" name="cardActivationDeadline" type="text" size="10" class="validate[required,date]"/>
                    </td>
                    </tr>
                    <tr>
                        <td>
                            <label for="cardValidityPeriod">卡片有效期长度</label>
                        </td>
                        <td>
                        <input id="cardValidityPeriod" name="cardValidityPeriod" type="text" size="10" class="validate[required,custom[number],maxSize[3]]"/>
                        <select id="cardValidityPeriodType" name="cardValidityPeriodType">
                            <option value="Y">年</option>
                            <option value="M">月</option>
                            <option value="D">日</option>
                        </select>
                    </td>
                    <td>
                        <label for="description">备注</label>
                    </td>
                    <td>
                        <textarea name="description" id="description" class="validate[maxSize[500]]"> </textarea>
                    </td>
                    <td colspan="6">
                        <input type="button" name="generate_btn" id="generate_btn"/>
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        <input type="button" name="refresh_btn" id="refresh_btn"/>
                    </td>
                </tr>

            </table>
        </form>
    </fieldset>
    <fieldset>
        <legend>历史记录</legend>
        <div style="padding: 5px;">
            <div id="card-job-list-table"></div>
            <div id="card-job-list-paging" class="paging"></div>
        </div>
    </fieldset>
</div>
</body>
</html>
